import { defineConfig } from 'vite'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
import vue from '@vitejs/plugin-vue'
// import postCssPxToRem from "postcss-pxtorem";
// import postCssPxToRem from 'postcss-px2rem-exclude';

// https://vitejs.dev/config/
export default defineConfig({
  base: '/web/',
  plugins: [vue(), AutoImport({
    resolvers: [ElementPlusResolver()],
  }),
  Components({
    resolvers: [ElementPlusResolver()],
  }),],
  // css: {
  //   postcss: {
  //     plugins: [
  //       postCssPxToRem({
  //         remUnit: 192,  // 设计稿宽度/10
  //         // exclude: /(node_modules)/   //过滤三发ui样式，不进行转换
  //       })
  //     ]
  //   }
  // },
  // css: {
  //   postcss: {
  //     plugins: [
  //       postCssPxToRem({
  //         // 配置在将px转化为rem时 1rem等于多少px(因为我们搭配使用了amfe-flexible插件 此处我们需要设置的值应是UI设计稿全屏基准宽度的十分之一)
  //         // 当UI设计稿的全屏基准宽度是1920px时 此处设置的值为192
  //         rootValue: 192,
  //         // 所有px均转化为rem
  //         propList: ["*"]
  //         // 若想设置部分样式不转化 可以在配置项中写出
  //         // eg: 除 border和font-size外 所有px均转化为rem
  //         // propList: ["*", "!border","!font-size"], 
  //       })
  //     ]
  //   }
  // }
})
